﻿
<link rel="stylesheet" href="../../css/main.css" type="text/css" />
 <script type="text/javascript">
     $(document).ready(function () {
         $("#<%=datepicker1.ClientID%>").datepicker({
             inline: true
         });
         $("#<%=datepicker2.ClientID%>").datepicker({
             inline: true
         });
         $("#selProces").change(function () {
             if ($(this).val() == 'O')
                 $("#divCalendar").show();
             else
                 $("#divCalendar").hide();
         });
         page("<%=divSoli.ClientID%>");
     });
     function page(objTab) {
         var cant = $('#' + objTab + ' tr').size();
         // alert(cant);
         var paginado = [];
         var pagDiv = 1;
         var z = 1;
         pag = Math.ceil((cant - 1) / 8);
         //alert(pag);
         var paginador = "<tr align='center'><td><table border='0'><tr><td style='font-weight:bold'></td><td><a href='javascript:;' id='menos' class='pagi1' onclick='paginationBar(this)' style='font-weight:bold'>< ...Previas</a></td>";
         for (var p = 1; p <= pag; p++) {
             paginador += '<td class="gpagi pagi' + z + '"><a href="javaScript:;" onclick="pagination($(this).text())" class="page index' + p + '" style="font-weight:bold" >' + p + '</a></td>';
             if (pagDiv == 7) {
                 pagDiv = 0
                 z++
             }
             pagDiv++
         }
         paginador += "</td><td><a href='javascript:;' id='mas' class='pagi2' onclick='paginationBar(this)' style='font-weight:bold'>M&aacute;s... ></a></td></tr></table></tr>";
         paginado.push(paginador);
         //alert(paginador);
         $("#route").empty().html(paginado);
         if (pag > 1) {
             $("#pager").empty().html(paginado.join(''));
         } else {
             $("#pager").empty().html();
         }
         $(".gpag").hide();
         $(".pag1").show();
         $(".gpagi").hide();
         $(".pagi1").show();
         $(".index1").css('font-weight', 'normal');
         //total(1);
         if (pag <= 7) {
             $('#menos').hide();
             $('#mas').hide();
         }
         else {
             $('#menos').hide();
             $('#mas').show();
         }
     }
     function pagination(p) {
         $('.gpag').hide();
         $('.pag' + p).fadeIn();
         $('.page').css('font-weight', 'bold');
         $('.index' + p).css('font-weight', 'normal');
         //total(p);
     }

     function paginationBar(p) {
         var cant = $('#pager td').size();
         block = Math.ceil((cant - 3) / 7);
         //    **************** para que funcione al darle click en MORE *******************
         if ($(p).attr('id') == 'mas') {
             clase = $(p).attr('class');
             $('.gpagi').hide();
             $('.' + clase).fadeIn();
             var cat = clase.substr(4);
             if (cat <= block) {
                 cat++;
                 $(p).attr('class', 'pagi' + cat);
                 cat -= 2;
                 $('#menos').attr('class', 'pagi' + cat);
                 cat += 2
                 if (cat > block) {
                     $(p).hide();
                 }
             }
             else {
                 $(p).hide();
             }
             $('#menos').show();
         }

         // **************** para que funcione al darle click en PREVIOUS *******************
         if ($(p).attr('id') == 'menos') {
             clase = $(p).attr('class');
             $('.gpagi').hide();
             $('.' + clase).fadeIn();
             var cat = clase.substr(4);
             if (cat >= 1) {
                 cat--;
                 $(p).attr('class', 'pagi' + cat);
                 cat += 2;
                 $('#mas').attr('class', 'pagi' + cat);
                 cat -= 2;
                 if (cat < 1) {
                     $(p).hide();
                 }
             }
             else {
                 $(p).hide();
             }
             $('#mas').show();
         }
     }
     //    ************************** Aqui termina paginado ***************************
     function validar() {
         if ($("#<%=datepicker1.ClientID%>").val() == "") {
             alert("Seleccione La fecha de Inicio");
             $('#<%=datepicker1.ClientID%>').focus();
             return;
         }
         else if ($("#<%=datepicker2.ClientID%>").val() == "") {
             alert("Seleccione La fecha de Final");
             $('#<%=datepicker2.ClientID%>').focus();
             return;
         }
         //document.getElementById("<%=form1.ClientID%>").action="pRegistroDevolucion.aspx";
         document.getElementById("HidComplete").value = "ok";
         document.getElementById("<%=form1.ClientID%>").submit();
     }
    </script>
<style>
 #message-board{width:610px; padding:20px 50px 50px 20px;}
.msboadr-title{background:#F0F0F0; color:#666; font-size:16px;}
.msboadr-desc{background:#fff; color:#666; font-size:12px;}
td{padding:5px; border-bottom:1px solid #ccc; border-right:1px dashed #CCCCCC;} 
.msboadr-desc:hover{background:#F5F5F5;} 
 </style>
</head>
<form id="form1"  class="mainForm">
<div class="detail-left">
<div class="infobox-title">Busqueda de Solicitudes para ser Entregadas</div>
        <div class="infobox-stock"> 
        <table class="tbManto" cellspacing="5" cellpadding="5">
                               <tr>
                    <td>Fecha Inicio: &nbsp;&nbsp;<input id="datepicker1" type="text" placeholder="12/06/2013"  />
                     </td>
                     <td>Fecha Fin: &nbsp;&nbsp;<input id="datepicker2" type="text" placeholder="12/06/2013"  />
                     </td>
                    
                </tr>
                <tr>
                <td colspan="2" align="center"> <div class="allg-btn" style="width:200px; margin:0px;">
                     <a id="btnIngresar" href="#" onclick="javascript:validar();">Buscar</a>
                 </div></td>
                </tr>
               </table>
               </div>
              
 <div id="message-board">
 <div id="divSoli" ></div><div class="table-pagination"><table id="pager" width="100%"></table></div>
 <label id="lbError"  ></label>
 <br />


</div>
	</div>		
			<input type="hidden" id="HidComplete"     name="HidComplete"     value="" />	
	</form>
	







